@charset "utf-8";
.login-wrap{
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    .login-box-title {
        background: url('./../../assets/images/login_line.png') no-repeat center 59px;
        width: 50%;
        height: 60px;
        position: relative;
        font-size: 28px;
        color: #fff;
        text-align: center;
        margin: 5% auto 0;

    }
	.login-box{
		margin-top: 5%;
		.box-title{
			text-align: center;
			font-size: 36px;
			color: #fff;
		}
    }
    .logo-box{
        position: absolute;
        width: 257px;
        height: 79px;
        left: 0;
        top:0;
    }
	.box-content{
		width: 360px;
		// height: 395px;
		margin: 50px auto 0;
		padding: 20px 22px 50px;
		box-sizing: border-box;
		background: #fff;
		border-radius: 5px;
        position: relative;
        background: rgba(255, 255, 255, .3);
        border: solid 1px #fff;
        .content-title-logo{
            text-align: center;
            width: 210px;
            height: 65px;
            margin: 0 auto;
            img{
                width: 210px;
            }
        }
	}
	.login-title{
		position: absolute;
		top: -25px;
		text-align: center;
		width: 260px;
		p{
			font-size: 16px;
			margin-top: 5px;
		}
	}
	.login-form{
		margin-top: 10px;
		.item-input{
			position: relative;
			.el-input{
				input{
                    padding-left: 35px;
                    background: rgba(255, 255, 255, .3);
                    border: solid 1px #fff;
                    color: #fff;
                    border-radius: 0;
                    &::-webkit-input-placeholder {
                        color: #fff;
                        opacity: 1;
                    }
				}
			}
			.item-icon{
				position: absolute;
				left: 10px;
				top: 10px;
			}
		}
	}
	.login-footer{
		text-align: center;
		position: absolute;
		bottom: 20px;
		width: 100%;
		p{
			color: #fff;
			font-size: 12px;
			line-height: 30px;
		}
	}
	.login-version{
		position: absolute;
		right: 30px;
		bottom: 25px;
		color: #fff;
		font-size: 20px;
	}
}
// 演示平台新增
.ys-dialog-phone{
    text-align: center;
    margin:2px 0 15px 0;
    .ys-phoneinfo{
        font-size: 18px;
    }
    .ys-phones{
        font-size: 18px;
        font-weight: bold;
        margin: 23px 0 49px 0;
    }
    .ys-login-Code{
        margin: 0 auto;
        border-bottom: 1px solid #cbcbcb;
        width: 64%;
        input{
            border: none;
            width: 67%;
            height: 32px;
            margin-bottom: 24px;
            margin:0 auto;
        }
        .ys-timeDown{
            color: #c6c6c6;
        }
        .ys-GetCode{
            color:#385899;
            cursor: pointer;
            &:hover{
                color: #1277eb;
            }
        }
    }
    .ys-errorInfo{
        color:#d60000;
        text-align:left;
        padding-left:90px;
        padding-top: 12px;
    }
    .ys-submit{
        width: 145px;
        margin:38px auto 0 auto;
        height: 40px;
        line-height: 40px;
        background: #c82011;
        font-size: 16px;
        color: #fff;
        border-radius: 4px;
        cursor: pointer;
    }
}

